<!--
  @author mujunlin
  @since 2019/08/22 01:08
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:replace="common/common :: jscss"/>
</head>
<body>

<div class="layui-fluid">

    <blockquote class="layui-crumb">
        <a lay-href="/service/tariff/list.action">价格表管理&nbsp;&nbsp;</a>/&nbsp;
        <span th:text="${faultTariff.tariffName}"></span>&nbsp;&nbsp;/&nbsp;
        <span th:text="|${servCategory.name+'-'+baseCategory.name}|"></span>&nbsp;&nbsp;/&nbsp;
        <span>城市分组</span>&nbsp;&nbsp;/&nbsp;
        <span th:text="${group.groupId>1?'修改':'新增'}"></span>
    </blockquote>

    <div class="layui-card">
        <div class="layui-card-body">
            <form method="POST" class="layui-form">
                <input type="hidden" th:value="${vo.tariffId}" name="tariffId"/>
                <input type="hidden" th:value="${vo.categOneId}" name="categOneId"/>
                <input type="hidden" th:value="${vo.servCategId}" name="servCategId"/>
                <input type="hidden" th:value="${vo.groupId}" name="groupId"/>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label layui-form-required" style="width: 80px;">分组名称:</label>
                        <div class="layui-input-inline layui-input-line-width">
                            <input   lay-verify="required"   class="layui-input"type="text" th:value="${group.groupName}" name="groupName" autocomplete="off" maxlength="20"/>
                        </div>
                    </div>
                </div>
                <div class="inline-block" style="float: left">
                    <div class="zmn-2layer-list" th:each="m : ${items}">
                        <div class="list-left"  style="text-align: center;width: 120px;margin-right: -120px;">
                            <div class="list-item" th:text="${m.provinceName + '：'}"></div>
                        </div>
                        <div class="list-right">
                            <div class="right-box">
                                <div class="list-item">
                                    <input type="checkbox" class="checkAll" lay-filter="checkAll" th:value="${m.provinceId}" title="全选">
                                </div>
                                <div class="list-item" th:each="city : ${m.areaList}" th:title="${city.cityName}">
                                    <input type="checkbox" lay-filter="checkOne" class="checkOne" name="cityId"  th:class="${m.provinceId}" th:value="|${city.provinceId}-${city.cityId}-${city.provinceName}-${city.cityName}|"
                                           th:title="${city.cityName}" th:checked="${city.itemId!=null}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-split">&nbsp;</div>

                <div class="layui-form-item submit">
                    <div style="margin-left: 115px" class="layui-input-block">
                        <button th:if="${#authPermit.checkPermit('/service/tariff/citygroup/detail.action')}" class="layui-btn" lay-submit="" lay-filter="zmn-form-submit">保存</button>
                        <button class="layui-btn layui-btn-primary" id="cancel" onclick="zmnLayUtil.closeThisTabs()">取消</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript" th:inline="javascript">
    var json = {
        vo:[[${vo}]]
    };
    layui.config({
        base: "/static/lay/",
        version: 20191219230330
    }).extend({
        index: "lib/index",
        serv_service_tariff_citygroup_detail: "service/tariff/citygroup/zmn.service.tariff.citygroup.detail",
    }).use(['index', 'serv_service_tariff_citygroup_detail']);

</script>